/* background */
* {
	margin: 0;
	padding: 0;
}

body {
	margin:0;
    padding: 0;
	background:#6E6A0D;
	line-height: 1.5em;
	font-family: "Helvetica", "Verdana", sans-serif, monospace;
}

/* body */

.clear_left {
	clear: left;
}

#logo {
	background-image:url(../images/repea02.jpg);
	background-position:top;
	background-repeat:repeat-x;
    height: 88px;
}

#logo img {
    margin-left: 25%;
}

#sub_logo {
    margin-left: 19%;
}

#main {
    float: left;
    margin-left: 19%;
    margin-top: 0.5%;
    border: 1px solid black;
    background: #e0d9a5;
    width: 780px;
}

#content_img {
	margin: 0;
    padding: 0;
	margin-right: 1em;
    float: right;
}

#service_img {
    margin: 0 1%;
    padding: 0;
    float: left;
}

#welcome, #about, #our_services, #contact {
    float: left;
    width: auto;
}

#welcome h2, #about h2, #our_services h2, #contact h2 {
    font-size: 2em;
	padding: 1%;
	margin: 1%;
}

#our_services h3, #contact h4 {
    font-family: "Verdana", "Helvetica", sans-serif;
    padding: 1%;
    margin: 1%;
    border-bottom: dashed 1px #ada465;
}

#welcome p, #about p, #our_services p, #contact p {
    font-size: 1em;
	padding: 1%;
	margin: 1% 1% 0.5% 1%;
}

#provision, #services {
	float: left;
	margin: 1%;
	width: 50%;
}

#provision p {
    font-size: 1em;
}

#meeting {
	float: left;
    padding: 4%;
}

#provision h4, #services h4, {
	font-size: 1.25em;
	width: auto;
}

ul.services {
	padding: 0;
    margin: 0;
	font-size: 1em;
	color:#000;
}

ul.services li {
    margin: 0 1em;
}

/* footer */

#footer {
    clear: both;
    border-left: 1px solid black;
    border-right: 1px solid black;
    background: #ada465;
    width: 780px;
    margin: 1% 0 0 19%;
    float: left;
}
.copyright_text {
	font-size:1em;
	color:#fff;
	text-align:center;
	padding-right:5px;
}	
	
.designedby_table {
	font-size:1em;
	color:#fff;
	text-align:center;
	padding-right:5px;
}
	
a.designedby_link {
	font-size:1em;
	color:#fff;
	text-decoration:none;
}

a.designedby_link:hover {
	font-size:1em;
	color:#918950;
	text-decoration:underline;
}

.validators {
    float: right;
}

/* experimental menu */

.menu {width:781px; height:32px; font-size:1em; position:relative; z-index:100; border-right:1px solid #000; margin-top: 2px;}

/* hack to correct IE5.5 faulty box model */
* html .menu {width:779px; w\idth:780px;}

/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:200px;}

/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left;width:130px;position:relative;}

/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:14px;text-decoration:none; color:#000; width:120px; height:30px;
                                border:1px solid #000; border-width:1px 0 1px 1px; background:#ADA465; padding-left:10px; line-height:29px;}

/* a hack so that IE5.5 faulty box model is corrected */
* html .menu a, * html .menu a:visited {width:120px; w\idth:119px;}

/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:-30px; width:221px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}


/* style the table so that it takes no part in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#C2B976; color:#000; height:auto; line-height:1em; padding:5px 10px;
                                        width:200px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited { text-transform: none; width:200px;w\idth:201px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#fff; background:#6D3BBA; }
.menu a:hover { text-transform: uppercase; }
.menu :hover > a, .menu ul ul :hover > a {color:#fff;background:#6D3BBA; }
.menu :hover > a { text-transform: uppercase; }

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
